<template>
  <custom-layout :isTabBar="false" navTitle="用户详情">
    <view class="details">
      <uni-list class="user-info">
        <uni-list-item v-for="item in items" :key="item.key" :title="item.label" :rightText="data[item.key]" />
      </uni-list>
    </view>
  </custom-layout>
</template>

<script>
import { getDictData } from "@/api/system/dictData";
export default {
  data() {
    return {
      items: [
        { key: "dictLabel", label: "字典标签", icon: "" },
        { key: "dictValue", label: "字典键值", icon: "" },
        { key: "dictSort", label: "显示顺序", icon: "" },
        { key: "cssClass", label: "样式属性", icon: "" },
        { key: "listClass", label: "表格样式", icon: "" },
        { key: "statusName", label: "状态名称", icon: "" },
        { key: "createTime", label: "创建时间", icon: "" },
      ],
      data: {},
    };
  },
  onLoad(options) {
    getDictData(options.id).then((res) => (this.data = res));
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.details {
  width: 100%;
}
</style>
